<!--
 智能推荐系统
 前端  html+css+javascript android 鸿蒙 ios objective-c
 服务器 java(ssm)并发 python 轻量级以及机器学习 nodejs 异步服务器 c++
 数据() mysql oracal sqlserver关系型数据库，hbase hive,向量数据库
 算法 机器学习(余弦相似度) 深度学习 强化学习
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
            padding: 0;
            margin: 0;
        }
        *{
            box-sizing: border-box;
        }
        .box{
            width: 1200px;height: auto;
            display: flex;
            flex-wrap: wrap;
            margin: auto;
        }
        .list{
            width: 20%;height: 300px;
            padding: 10px;
        }
        .img{
            width: 100%;height: 80%;
            overflow: hidden;
            position: relative;
        }
        img{
            width: 100%;position: absolute;
            left: 0;top: 0;bottom: 0;right: 0;
            margin: auto;
        }
        .title{
            width: 100%;height: 20%;
            display: flex;
            justify-content: space-around;
            align-items: baseline;
        }
    </style>
</head>
<body>
   <div class="box">
       {%for i in range(datas|length)%}
       <div class="list">
           <div class="img">
               <img src="/static/imgs/{{datas[i].img}}" alt="">
           </div>
           <div class="title">
               <h3>{{datas[i].name}}</h3>
               <a href="/tuijian/{{i}}">推荐电影</a>
           </div>
       </div>
       {%endfor%}
   </div>
</body>
</html>
\ No newline at end of file
